<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>查找</title>
  <machineKey validation="3DES"/>
  <meta name="keywords" content="找女人,找美女,找美女聊天,找老婆,找女朋友,迷人女士,玫瑰情人" />
  <meta name="description" content="玫瑰情人交友网帮助您找女人、找美女、找美女聊天、找老婆、找女朋友。玫瑰情人提供完善的美女交友约会服务，当前列表展示最活跃的女会员，包括女人、美女、老婆等，简单交友，快速约会，让你百万里挑一。" />
  <meta name="mobile-agent" content="format=html5; url=https://m.mgqr.com/girl/" />
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.mgqr.com/girl/" />
  <script src="../script/jquery-2.0.0.min.js"></script>
  <script src="../Script/common.js" type="text/javascript"></script>
  <link href="../style/search_new.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" type="text/css" href="../style/default.css" />
  <style type="text/css">
    #bottom1{
/*      position: fixed;
      bottom: 0;
      width: 100%;*/
      background: #fff;
    }
    [v-cloak]{
      display: none;
    }
  </style>
 </head>
 <body>
  <iframe src="./header.html" style='width:100%;height:65px;'></iframe>

  <div id="menu">
   <div class="frame">
    <div class="user_msg">
     <a id="t_msg" class="t_msg" href="javascript:;" rel="nofollow"><i class="i_total"></i></a>
     <a id="t_user" class="t_user" href="javascript:;" rel="nofollow"></a>
    </div>

    <div id="navBd">
     <ul>
      <li><a href="#" onclick='searchList(0)'>女士</a></li>
      <li><a href="#" onclick='searchList(1)'>男士</a></li>
      <li><a href="./yuehui.html">约会</a></li>
      <li><a href="./article.html">故事</a></li>
      <li><a href="./hongbao.html">红包</a></li>
<!--       <li><a href="http://www.mgqr.com/yuehui/">约会</a></li>
      <li><a href="http://www.mgqr.com/article/">故事</a></li>
      <li><a href="http://www.mgqr.com/hongbao/">红包</a></li>
      <li><a href="http://www.mgqr.com/dynamic/">动态</a></li> -->
     </ul>
     <div class="move-bg"></div>
    </div>
   </div>
  </div>
  
  <script type="text/javascript">$(document).ready(function () { Bulid_Age(); Bulid_Addr(); });</script>
  <div id="main" class="frame" v-cloak>
   <dl class="users nav_lm clear">
    <dd>
     <div class="user_row">
      <div class="user_frame" v-for='(i,index) in list' :key='index'>
       <a :href="'./userInfo.html?id='+i.id" class="img" target="_blank"><img :src="i.cover" alt="头像" /></a>
       <h4><a :href="'./userInfo.html?id='+i.id" target="_blank" v-text='i.name'></a><span class="sex" :class='[i.gender == 0?"sex0":"sex1"]'></span></h4>
       <h5>{{i.age}}岁 {{i.height}}cm {{i.area}}</h5>
       <p v-text='i.log'></p>
       <h6><a :href="'./userInfo.html?id='+i.id" target="_blank">查看详细资料</a></h6>
      </div>
     </div>
     <!-- <div class="pager"></div> -->
    </dd>
<!--     <dd id="info">
     <p>本页显示最近登录的1500名女会员，综合诚信度越高，展示几率越大</p>
     <h3>玫瑰情人交友网帮助您找女人、找美女、找美女聊天、找老婆、找女朋友。玫瑰情人提供完善的美女交友约会服务，当前列表展示最活跃的女会员，包括女人、美女、老婆等，简单交友，快速约会，让你百万里挑一。</h3>
    </dd> -->
   </dl>
  </div>
  <div style="padding-top:20px;" class="clear">

  <iframe src="./footer.html" style='width:100%;height:69px;'></iframe>

  </div>
  <script src="../script/Select_Date_Build.js"></script>
  <script type="text/javascript">$(document).ready(function () { if (window.location.href.indexOf("girl") >0 || $.getUrlParam('sex') == '0') { $("#navBd a:eq(1)").addClass("cur"); $("#sex").val("0"); } else if (window.location.href.indexOf("man") >0 || $.getUrlParam('sex') == '1') { $("#navBd a:eq(2)").addClass("cur"); $("#sex").val("1"); } $("#nav1").addClass("cur"); if ($.getUrlParam('ddl_StartAge') != '') { $("#ddl_StartAge").val($.getUrlParam('ddl_StartAge')); } if ($.getUrlParam('ddl_EndAge') != '') { $("#ddl_EndAge").val($.getUrlParam('ddl_EndAge')); } if ($.getUrlParam('ddl_Province') != '') { $("#ddl_Province").val($.getUrlParam('ddl_Province')); change(1); if ($.getUrlParam('ddl_City') != '') { $("#ddl_City").val($.getUrlParam('ddl_City')); change(2); if ($.getUrlParam('ddl_Area') != '') { $("#ddl_Area").val($.getUrlParam('ddl_Area')); } } } if ($.getUrlParam('order') != '') { $("#order").val($.getUrlParam('order')); } if ($.getUrlParam('cb_photo') == "on") { $("#cb_photo").attr("checked", "checked"); } });</script>


  <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17-beta.0/vue.min.js'></script>
  <script type="text/javascript" src='./userdata.js'></script>
  <script type="text/javascript">
    (function(){
      var str = Math.random().toString(36).substr(2);
      $('#hidden').attr('name','__'+str);
      $('#hidden').val(str);

      var str = Math.random().toString(36).substr(2);
      $('#t').attr('name','__'+str);
      $('#t').val(str);

      var str = Math.random().toString(36).substr(2);
      $('#v').attr('name','__'+str);
      $('#v').val(str);
    })();

    var searchList = function(type){
      if(type=='all'){
        vm.init();
      }else{
        vm.search(type);
      }
    }

    var vm = new Vue({
      el:'#main',
      data:function(){
        return {
          list:[]
        }
      },
      methods:{
        init(){
          let arr = [];
          for(let i in JSONDATA){
            arr.push(JSONDATA[i]);
          }

          this.list = arr;
        },
        search(type){
          console.log(type);
          let arr = [];
          for(let i in JSONDATA){
            if(JSONDATA[i].gender == type){
              arr.push(JSONDATA[i]);
            }
          }

          this.list = arr;
        }
      },
      mounted(){
        this.init();
      }
    })

  </script>

 </body>
</html>
